<template>
    <div class="article">
        <div class="headerInfo">
            <div class="articleHeader">
                <div class="articleTitle">分类标签 |  这里是某个专题的标题</div>
                <div class="solid"></div>
                <div class="keyword">
                    <span>关键词</span>
                    <span>关键词</span>
                    <span>关键词</span>
                </div>
                <div class="info">
                    <span>2019-12-16 10:16:25</span>
                    <span>阅读量 4562</span>
                </div>
            </div>
        </div>
        
        <div class="articleContent">
            <div class="img"><img src="@/assets/121.png" alt=""></div>
            <div class="specific">这是一个专题页里面的文章内容,具体是什么样子的,我也不知道,爱咋咋地吧,烦求死了.,今天才是周一,啊,我很想睡觉,想中个大奖,想窝在沙发或被窝里面,舒舒服服的,多么开心的.
                奈何奈何,啊哈哈哈哈哈哈,真的是好,随你说的好私人客家封鸡最常见的回复和地位会很大很大不承认副本US交话费 
            </div>
        </div>
    </div>
</template>

<style lang="less">
.article{
    width: 100%;
    background: #fff;
    padding-bottom: 30px;
     border-bottom: 1px solid #E44F50;
     .headerInfo{
     padding-bottom: 35px;
      text-align: center;
    .articleHeader{
        border-bottom: 1px solid #000;
        padding: 74px 0 50px;
        .articleTitle{
            font-size: 26px;
        }
        .solid{
            width:154px;
            height:1px;
            background:rgba(96,96,96,1);
            // border:1px solid rgba(22,22,22,1);
            margin: 0 auto;
            margin: 25px auto;
        }
        .keyword span{
            padding: 0 5px;
            color: #606060;
            font-size: 14px;
        }
        .info{
            padding: 10px 0;
            color: #606060;
            font-size: 14px; 
            span{
            padding: 0 10px;
        }
        }
     }
    }
     .articleContent{
            padding-top: 20px;
            width: 100%;
            padding: 15px 200px;
            box-sizing: border-box;
            text-indent:24px; 
            img{
                width: 100%;
            }
            .specific{
              width: 100%;
              padding: 0 24px;
            }
        }
}
</style>